{% extends "base.html" %}

{% block meta_author %}{{ article.author|e }}{% endblock %}
{% block meta_description %}{{ article.description|e }}{% endblock %}
{% block meta_keywords %}{{ [article.tags|join(', '), article.category, article.keywords]|join(', ') }}{% endblock %}
{% block title %}{{ SITENAME }} - {{ article.title }} - {{ article.author }}{% endblock title %}

{% block nav %}
<a href="{{ SITEURL }}">Blog</a> ›<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a> ›{{ article.title }}
{% endblock %}

{% block content %}
{{ super() }}
<section>
    <header>
        <h2>{{ article.title }}</h2>
        {% import 'translations.html' as translations with context %}
        {{ translations.translations_for(article) }}
        <div>
            <span>Post in</span>
            <abbr title="{{ article.date.isoformat() }}">
                <a href="{{ SITEURL }}/archive/{{ article.date|strftime("%Y%m%d") }}/">{{ article.locale_date }}</a>
            </abbr>
            <span> | By</span>
                {% if article.author %}
                    <a href="{{ SITEURL }}/author/{{ article.author|lower() }}/index.html">{{ article.author }}</a>
                {% elif AUTHOR %}
                    <a href="{{ SITEURL }}/author/{{ AUTHOR }}.html">{{ AUTHOR }}</a>
                {% endif %}
            <span> | Tags</span>
                {% for tag in article.tags %}
                    <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
                {% endfor %}
        </div>
    </header>
    
    <div>
        {{ article.content }}
    </div>
    
    <footer>
        <span>Category:</span>
        <abbr>
            <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
        </abbr>
    </footer>
</section>


{% endblock %}
